body{
    margin: 0px;
}
.top-nav {
    height: 122px;
    width: 1200px;
    margin: auto;
}
.top-logo{
    height: 122px;
    width: 185px;
    float: left;
    background-image: url("../img/logo_02_lftn.png");
    text-align:center;
}
#top-logo-a{
    font-weight: bold;
    font-size:20px;
    color: white;
    margin: 0px;
    margin-top:20px;
}
#top-logo-b{
    font-style: italic;
    font-size: 10px;
    font-weight: lighter;
    margin: 0px;
}
#top-logo-b span{
    margin:0px 1px 0px 1px;

}
.top-nav-{
    height: 122px;
    width: 80%;
    float: right;
    display: flex;
    align-items: center;
}
#top-nav-content{
    width: 100%;
    text-align:right;
}
#top-nav-content li{
    list-style-type: none;
    display: inline-block;
    margin-left: 60px;
    margin-right: 20px;
}
#top-nav-content li a{
    color: black;
    text-decoration: none;
}
#top-nav-content li a:hover{
    color: mediumaquamarine;
}
/*------------------------------*/
.home-info{
    height: 520px;
    width:100%;
    margin-top: -42px;
    background-size:100% 100%;
    background-image: url("../img/banner_03_1y5v.jpg");
}
.home-info-text{
    height: 520px;
    width: 676px;
    margin: 0 0 0 880px;
    text-align:center;
    color: white;
}
.home-info-h{
    padding-top: 100px;
    margin-bottom: 10px;
}
.home-info-t{
    width: 676px;
    height: 260px;
    background-image: url("../img/bei_07_ab6a.png");
}
.home-info-t-1 p{
    font-size: 18px;
    font-family: 幼圆;
    line-height: 16px;
}
.home-info-t-1{
    padding-top: 20px;
    padding-left: 30px;
}
.home-info-t-2{
    padding-top: 0px;
    padding-left: 36px;
}
.home-info-t-2 p{
    font-size: 12px;
    font-family: 幼圆;
    line-height: 14px
}
#img-but{
    width: 60px;
    height: 20px;
    align-self: center;
    float: left;

}
#img-but div:hover{
    background-color:chocolate;
}
.home-info-but{
    float: left;
    height: 20px;
    width: 100%;
    display:flex;
    align-items:center;    /* 垂直居中*/
    justify-content:center;/* 水平居中*/
    margin-top: -30px;
}
#img-1-but{
    width:15px;
    height:15px;
    border-radius:50%;
    background-color:chocolate;
    border: 2px solid lightslategray;
    float: left;
}
#img-2-but{
    width:15px;
    height:15px;
    border-radius:50%;
    background-color:paleturquoise;
    border: 2px solid lightslategray;
    float: right;
}
/*------------------------------------------------------*/
.home-mid-content{
    width: 1200px;
    margin: auto;
}
.home-mid-content-1-1{
    height: 120px;
    width: 100%;
    text-align:center;
}
.home-mid-content-1-2{
    width: 100%;
    height: 420px;
    margin-top: 20px;
}
.home-mid-content-1-2-left{
    height: 420px;
    width: 30%;
    float: left;
}
.home-mid-content-1-2-right{
    height: 420px;
    width: 65%;
    float: right;
    background-color: darkgrey;
}
.home-mid-content-1-2-left>div{
    width: 100%;
    height: 99px;
}
.home-mid-content-1-2-left-2,.home-mid-content-1-2-left-3,.home-mid-content-1-2-left-4{
    border-top: 8px solid white;
}
.left-left{
    height: 99px;
    width: 49%;
    color: white;
    background-size: 100% 100%;
    float: left;
    display:flex;
    align-items:center;
    text-indent:1em;
}
.left-right{
    height: 99px;
    width: 49%;
    color: white;
    background-size: 100% 100%;
    float: right;
    text-indent:1em;
}
#c1-left-left{
    background-image: url("../img/fz_b_03_b0ss.png");
}
#c1-left-right{
    background-image: url("../img/fz_b_05_mda1.png");
}
#c2-left-left{
    color: white;
    background-image: url("../img/fz_b_09_eisk.png");
}
#c2-left-right{
    background-image: url("../img/fz_b_10_bmz1.png");
}
#c3-left-left{
    background-image: url("../img/fz_b_13_fqyt.png");
}
#c3-left-right{
    background-image: url("../img/fz_b_14_hgmc.jpg");
}
#c4-left-left{
    background-color: sandybrown;
}
#c4-left-right{
    display:inline;
    background-color: orange;
}
.m-c-1-a{
    height: 99px;
    width: 100%;
    color: white;
    text-decoration: none;
    display:flex;
    align-items:center;
}
.m-c-1-a:hover{
   color: mediumaquamarine;
}
#c4-left-left a{
    height: 99px;
    width: 100%;
    color: white;
    text-decoration: none;
    display:flex;
    justify-content:center;
    align-items:center;
    text-indent:0em;
}
#c4-left-left:hover{
    background-color: darkturquoise;
}
#c4-left-right p:first-child{
    padding-top: 10px;
}
#c4-left-right p:last-child{
    line-height:1px;
    font-size: 20px;
    font-weight: bold;
}
/*------------------------------*/
.home-mid-content-1-2-right{
    background-size:100% 100%;
    background-image: url("../img/producta_10_mfls.jpg");
}
.m-c-1-2-r-l{
    height: 420px;
    width: 25%;
    float: left;
    background-color: #46c4d5;
}
.m-c-1-2-r-l-1{
    height:60px;
    width:39px;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 30px;
}
.m-c-1-2-r-l-2{
    width:80%;
    margin: auto;
    font-size: 13px;
    line-height:30px;
    text-align: justify;/*两端对齐*/
}
.m-c-1-2-r-l-3{
    width:80%;
    margin: auto;
    font-size: 13px;
    line-height:30px;
    text-align: justify;
    margin-top: 40px;
}
.m-c-1-2-r-l-3>a{
    width: 100%;
    color: white;
    border: white solid 2px;
    text-decoration: none;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight: bold;
}
.m-c-1-2-r-l-3>a:hover{
    color: black;
    border: black solid 2px;
}
.m-c-1-2-r-r{
    float: right;
    margin-top: 370px;
}
/*--------------模块2----------------------*/
.home-mid-content-2{
    width: 100%;
    height: 500px;
    background-color: #f3f8fb;
}
.home-mid-content-2-1{
    height: 200px;
    width: 100%;
    text-align: center;
}
.home-mid-content-2-1>h2{
    width: 100%;
    height: 120px;
    display: flex;
    align-items:flex-end;
    justify-content:center;
    margin: 0 0;
}
.home-mid-content-2-1>p{
    width: 100%;
    height: 80px;
    font-size: 12px;
    align-items:flex-start;
    justify-content:center;
    margin: 0 0;
    padding-top: 10px;
}
.home-mid-content-2-2{
    width: 60%;
    height: 200px;
    margin: auto;
}
.home-mid-content-2-2-e{
    width: 20%;
    height: 200px;
    float: left;
    text-align: center;
}
.content-2-2-e{
    height: 76px;
    width: 76px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 40px;
}
#c-2-2-e-1{
    background-image: url("../img/a_10_3zlh.png");
}
#c-2-2-e-2{
    background-image: url("../img/b_12_8zns.png");
}
#c-2-2-e-3{
    background-image: url("../img/c_14_p9yg.png");
}
#c-2-2-e-4{
    background-image: url("../img/d_16_g68i.png");
}
#c-2-2-e-5{
    background-image: url("../img/e_18_i2hc.png");
}
.home-mid-content-2-2-e>a{
    text-decoration: none;
    font-size: 14px;
    color: #005b88;
}
.home-mid-content-2-3{
    align-items:center;
}
.home-mid-content-2-3 div{
    float: left;
}
.content-2-3-e{
    width: 48%;
    text-align: center;
    font-size: 16px;
}
.content-2-3-hr{
    width: 26%;
}
.content-2-3-hr hr{
    border:1px ;
    dotted :#aaadaf;
}
/*---------------------------------------*/
.home-mid-content-3{
    height: 475px;
    width: 100%;
}
.home-mid-content-3-1{
    height: 140px;
    width: 100%;
    text-align: center;
}
.home-mid-content-3-1>h2{
    width: 100%;
    height: 70px;
    display: flex;
    align-items:flex-end;
    justify-content:center;
    margin: 0 0;
}
.home-mid-content-3-1>p{
    width: 100%;
    height: 60px;
    font-size: 12px;
    align-items:flex-start;
    justify-content:center;
    margin: 0 0;
    padding-top: 10px;
}
.home-mid-content-3-2{
    height: 335px;
    width: 100%;
}
.home-mid-content-3-2-l{
    height: 335px;
    width: 790px;
    float: left;
}
.h-m-c32l-1{
    height: 335px;
    width: 200px;
    background-color: #18b7ee;
    float: left;
}
.h-m-c32l-1-{
    height: 335px;
    width: 162px;
    margin: auto;
}
.h-m-c32l-1-t{
    height: 215px;
    width: 100%;
    text-align: left;
    color: #ffffff;
}
.c32l1-text-1{
    width: 100%;
    height: 80px;
    font-size: 18px;
    display: flex;
    align-items:flex-end;
    font-family: Times New Roman;
}
.c32l1-text-2{
    width: 100%;
    height: 40px;
    font-family: 幼圆;
    display: flex;
    align-items:center;
    font-size: 20px;
}
.c32l1-text-3{
    width: 100%;
    height: 20px;
    display: flex;
    align-items:center;
}
.c32l1-text-3 hr{
    margin: 0;
    width: 2em;
    border: #ffffff solid 1px;
}
.c32l1-text-4{
    font-family: 幼圆;
    font-size: 16px;
}
.c32l1-text-5{
    font-family: 幼圆;
    font-size: 14px;
    letter-spacing: 5px;
}
.h-m-c32l-2{
    height: 335px;
    width: 590px;
    float: right;
    text-align: center;
}
.h-m-c32l-2-t>p{
    line-height: 2px;
}
.h-m-c32l-2-t{
   margin-top: -50px;
}
.h-m-c32l-2-t>p:first-child{
    color: #f3f8fb;
    font-weight: bold;
}
.h-m-c32l-2-t>p:last-child{
    color: black;
    font-size: 12px;
}
/*------------------------------------*/
.home-mid-content-3-2-r{
    height: 335px;
    width: 379px;
    float: right;
}
.home-mid-content-3-2-r-news{
    width: 100%;
    height: 90px;
    border-left:#dddddd dashed 1px ;
    border-bottom: #dddddd dashed 1px ;
    display: flex;
    align-items: center;
}
.home-mid-content-3-2-r-news-{
    width: 100%;
    height: 59px;
}
.home-mid-content-3-2-r-news-time-{
    width: 90px;
    height: 59px;
    float: left;
}
.home-mid-content-3-2-r-news-time-ymd{
    width: 60px;
    height: 59px;
    float: right;
    background-color: #ff4208;
    text-align: center;
    color: #ffffff;
}
.home-mid-content-3-2-r-news-time-ymd p{
    line-height: 0;
}
.home-mid-content-3-2-r-news-time-ymd p:first-child{
    margin-top: 22px;
    font-weight: bold;
    font-size: 24px;
}
.home-mid-content-3-2-r-news-time-ymd p:last-child{
    font-size: 8px;
}
.home-mid-content-3-2-r-news-info{
    width: 246px;
    height: 59px;
    float: right;
    text-align: left;
}
.home-mid-content-3-2-r-news-info a{
    width: 100%;
    text-decoration: none;
    color: #222222;
    font-size: 14px;
    font-weight: bold;
}
.home-mid-content-3-2-r-news-info p{
    width: 100%;
    margin: 0;
    font-size: 12px;
    font-weight: lighter;
}
.home-mid-content-3-2-r-newsnav{
    width: 100%;
    height: 60px;
    border-left:#dddddd dashed 1px ;
    border-bottom: #dddddd double 4px ;
    display: flex;
    align-items: flex-end;
}
.home-mid-content-3-2-r-newsnav-{
    width: 100%;
    height: 25px;
    text-align: right;
}
.home-mid-content-3-2-r-newsnav- a{
    text-decoration: none;
}
.home-mid-content-3-2-r-newsnav-text{
    font-size: 14px;
    line-height: 0;
    color: #222222;
}
.home-mid-content-3-2-r-newsnav-img{
    background-color: #00dcd9;
    font-weight: bold;
    font-size: 20px;
    line-height: 0;
    color: #f3f8fb;
}
.home-mid-content-3-2-r-newsnav-img:hover{
    background-color: brown;
}
/*--------------------------*/
.foot{
    width: 100%;
    height: 109px;
    background-color: #232733;
    margin-top: 50px;
}
.foot-{
    height: 109px;
    width: 1200px;
    margin: auto;
}
.foot-1{
    width: 33%;
    height: 109px;
    float: left;
    color: rgb(169, 169, 171);
    text-align: left;
}
.foot-1 p:first-child{
    font-size: 26px;
    font-family: "Microsoft YaHei";
    line-height: 0;
    margin-top: 50px;
}
.foot-1 p:last-child{
    font-size: 16px;
    font-family: Times New Roman;
    line-height: 0;

    font-style: italic;
}
.foot-2{
    width: 34%;
    height: 109px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.foot-2 div{
    width: 245px;
    height: 29px;
    border-radius: 15px;
    text-align: center;
    background-color: #00b3cc;
}
.foot-2 div a{
    text-decoration: none;
    color: #222222;
}
.foot-3{
    width: 33%;
    height: 109px;
    float: right;
}
.foot-3-1-{
    width: 100%;
    height: 29px;
    margin-top: 20px;
    display: flex;
    justify-content:flex-end;
}
.foot-3-1-ul{
    margin: 0;
}
.foot-3-1-ul li{
    list-style-type: none;
    display: inline-block;
    margin: 0;
    margin-left: 10px;
}
.foot-3-2-{
    width: 100%;
    height: 32px;
    margin-top: 10px;
    text-align: right;
}
.foot-3-2- p{
    font-size: 12px;
    color: rgb(78, 85, 93);
    margin: 0;
}